<script setup>
import {onMounted, ref} from "vue";
import store from "@/store";
const configInfo = ref(store.getters.gameConfig)
const selectedServer=ref(configInfo.value.gameInfo.serverType)
const selectedTask=ref(configInfo.value.gameInfo.taskType)
onMounted(() => {

  console.log(configInfo.value)
})
</script>
<template>
  <div class="config-box">
    <el-card>
      <div class="title">区服类型</div>
      <el-radio-group v-model="selectedServer">
        <el-radio v-for="item in configInfo.gameConfig.serverType" :value="item.key">{{item.value}}</el-radio>
      </el-radio-group>
    </el-card>
    <el-card>
      <div class="title">任务类型</div>
      <el-radio-group v-model="selectedTask">
        <el-radio v-for="item in configInfo.gameConfig.taskType" :value="item.key">{{item.value}}</el-radio>
      </el-radio-group>
    </el-card>
  </div>
</template>
<style>
.config-box{
  flex: 1;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.title{
  font-weight: bold;
  margin-bottom: 8px;
}
.el-card{
  margin-bottom: 10px;
}
</style>

